/* 基础按钮样式 */
.button {
    -fx-background-color: #5580dd; /* 主色调：蓝色 */
    -fx-text-fill: black; /* 文字颜色 */
    -fx-font-size: 12px; /* 文字大小 */
    -fx-font-weight: bold; /* 文字加粗 */
    /*-fx-padding: 8px 16px; !* 内边距：上下8px 左右16px *!*/
    -fx-background-radius: 8px; /* 圆角半径 */
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 3, 0, 0, 1); /* 阴影效果 */
    -fx-transition: all 0.2s ease; /* 过渡动画 */
    -fx-cursor: hand; /* 鼠标悬停时显示手型光标 */
}

/* 按钮悬停状态 */
.button:hover {
    -fx-background-color: #0ff; /* 深色版本的主色调 */
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 5, 0, 0, 2); /* 增强阴影 */
    -fx-scale-x: 1.02; /* 轻微放大 */
    -fx-scale-y: 1.02;
}

/* 按钮按下状态 */
.button:pressed {
    /*-fx-background-color: #2850b9; !* 更深的颜色 *!*/
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 2, 0, 0, 0); /* 减弱阴影 */
    -fx-scale-x: 0.98; /* 轻微缩小 */
    -fx-scale-y: 0.98;
}

/* 按钮禁用状态 */
.button:disabled {
    -fx-background-color: #cccccc; /* 灰色 */
    -fx-text-fill: #666666; /* 深色文字 */
    -fx-effect: none; /* 移除阴影 */
    -fx-scale-x: 1; /* 恢复默认大小 */
    -fx-scale-y: 1;
    -fx-cursor: default; /* 恢复默认光标 */
}

/* 强调按钮（可用于主要操作） */
.button.accent {
    -fx-background-color: #ea4335; /* 强调色：红色 */
}

.button.accent:hover {
    -fx-background-color: #d93025;
}

.button.accent:pressed {
    -fx-background-color: #b22016;
}

/* 成功按钮 */
.button.success {
    -fx-background-color: #34a853; /* 成功色：绿色 */
}

.button.success:hover {
    -fx-background-color: #2a8644;
}

.button.success:pressed {
    -fx-background-color: #1e6d35;
}

/* 文本按钮（无背景，仅文字） */
.button.text-button {
    -fx-background-color: transparent;
    -fx-text-fill: #4285f4;
    -fx-effect: none;
}

.button.text-button:hover {
    -fx-background-color: rgba(66, 133, 244, 0.1);
    -fx-scale-x: 1;
    -fx-scale-y: 1;
}

.button.text-button:pressed {
    -fx-background-color: rgba(66, 133, 244, 0.2);
    -fx-scale-x: 1;
    -fx-scale-y: 1;
}